<template>
	<view class="modules-api">
		<nav-bar title="框架" background="#fff"></nav-bar>
		<view class="module" @click="nav">API</view>
		<view class="module" @click="modules">组件</view>
		<view class="module" @click="components">插件</view>
	</view>
</template>

<script>
	import NavBar from '@/components/nav-bar/nav-bar.vue'
	export default {
		components: {NavBar},
		data() {
			return {
				
			}
		},
		methods: {
			nav () {
				uni.navigateTo({
					url: '../api/api',
					animationDuration: 300,
					animationType: 'pop-in'
				})
			},
			modules () {
				uni.navigateTo({
					url: '../module/module',
					animationDuration: 300,
					animationType: 'pop-in'
				})
			},
			components () {
				uni.navigateTo({
					url: '../components/components',
					animationDuration: 300,
					animationType: 'pop-in'
				})
			}
		}
	}
</script>

<style lang="less" scoped>
	.modules-api {
		width: 100%;
		min-height: 100%;
		background-color: #FFFFFF;
		.module {
			width: 100%;
			height: 80rpx;
			line-height: 80rpx;
			margin-bottom: 20rpx;
			background-color: #F1F1F1;
			text-align: center;
			color: #666;
		}
	}

</style>
